.banner-wrap{
    width: 18.75rem;
    overflow: hidden ;
    position: relative;
}
.banner-content{
    display: flex;
    width: 100%;
    position: relative;
        li{
            width: 18.75rem;
            position: relative;
            img{
                width: 18.78rem;;
                height: auto;
                border: 1px solid #f1f1f1;
            }
        }
}
.swiper-pagination{
    position: absolute;
    bottom:3px;
    width: 18.75rem;
    height: 0.8rem;
    li{}
    
}
.swiper-pagination li{
    background: red;
    width: 10px;
    height: 10px;
}
.push-content{
    padding: 0.5rem 0 ;
    .push-title{
        border-left:0.2rem solid #C20C0C ;
        padding-left: 0.8rem ;
    }
    .push-list{
        display: flex;
        width: 18.75rem;
        flex-wrap:wrap;
        padding: 0.5rem 0 ;
        li{
            width: 5.9rem;
            height:auto;
            // border: 1px solid red; 
            .music-con{
                height: 8rem;
                width: 100%;
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                }
                .listen-number{
                    position: absolute;
                    top:10px;
                    right: 10px;
                }
            }
            .music-text{
                padding: 0.5rem 0.1rem;
                line-height: 1.2rem;
                font-size: 0.8rem;
            }
        }
    }
}

#video-player video{
    // height: 5rem !important;
}
#video-player {
    position: relative;
    // width: 18.75rem;
    .vjs-control-bar{
        width: 18.75rem;
    }
    .vjs-control-bar{
        opacity: 1 !important;
    }
}
.video-js.vjs-playing .vjs-tech {
    pointer-events:none ;
}
.videoCover{
    position: relative;
    width: 100%;
    img{
        width: 100%;
    }
    .cover{
        position: absolute;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5)  ;
        i{
            color: #ffffff;
            font-size: 3rem;
            position: absolute;
            top: 40%;
            left: 42%;
        }
    }
    .videoer{
        padding: 0.8rem ;
        position: absolute ;
        top:0px;
        color: #fff;
        font-size: 0.8rem;
        z-index: 2;
    }
    .playTotal{
        padding: 0.8rem ;
        position: absolute ;
        bottom:0px;
        color: #fff;
        font-size: 0.8rem;
        z-index: 2;
        span{
            position: absolute;
            right: 0;
        }
    }
}


.play{
    position: fixed;
    top:0;
    bottom:0;
    right: 0;
    left: 0;
    background-repeat:no-repeat; 
    img{
        width: 10rem;
        height: 10rem;
        border-radius: 10rem;
        margin: auto;
    }
}

